<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="js/serach.js" type="text/javascript" charset="utf-8"></script>
</head>
<body>
<div class="row">
    <div class="col-sm-8 py-1">
        <img src="img/top_center.jpg" class="img-fluid" alt="" />
    </div>
    <div class="col-sm-4 py-1">
        <form action="product.html" method="get">
            <div class="input-group input-group-sm">
                <input type="search" class="form-control" placeholder="输入商品名称..." id="shuru-name"/>
                <div class="input-group-append">
                    <button class="btn btn-secondary" id="bt-btn" type="button">
                        <i class="glyphicon-search"></i>
                        <span class="sr-only">搜索</span>
                    </button>
                </div>
            </div>
        </form>
    </div>
</div>
</body>
</html>